<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>梦幻商城</title>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
</head>
<body>
<header style="background: linear-gradient(135deg, #b8c6ff, #e0b0ff); padding: 20px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
  <div class="container" style="display: flex; justify-content: space-between; align-items: center;">
    <div class="logo">
      <h1 style="color: white;">梦幻商城</h1>
    </div>
    <nav>
      <ul style="display: flex; list-style: none;">
        <li style="margin-left: 20px;"><a href="${pageContext.request.contextPath}/index.jsp" style="color: white; text-decoration: none;">首页</a></li>
        <li style="margin-left: 20px;"><a href="${pageContext.request.contextPath}/login.jsp" style="color: white; text-decoration: none;">登录</a></li>
        <li style="margin-left: 20px;"><a href="${pageContext.request.contextPath}/register.jsp" style="color: white; text-decoration: none;">注册</a></li>
        <li style="margin-left: 20px;"><a href="#" style="color: white; text-decoration: none;">购物车</a></li>
      </ul>
    </nav>
  </div>
</header>
<div class="container">